<script setup>
import DbHead from './components/DbHead.vue'
import DbLeft from './components/DbLeft.vue'
import DbRight from './components/DbRight.vue'
import DbConfig from './components/DbConfig.vue'
import { ref, provide } from 'vue'
/**id*/
const id = ref('')
/**对话框头 */
const title = ref('')
/**对话框标记 */
const dialogFormVisible = ref(false)
provide('id', id)
provide('title', title)
provide('dialogFormVisible', dialogFormVisible)

/**对话框关闭事件 */
async function dbConfigClose() {
  dialogFormVisible.value = false
}
</script>

<template>
  <el-container direction="vertical">
    <DbHead />
    <el-container>
      <DbLeft ref="dbLeft" @infoChange="tableInfoChang"/>
      <DbRight ref="dbRight" />
    </el-container>
  </el-container>
  <DbConfig
    v-if="dialogFormVisible"
    :id="id"
    :title="title"
    :dialog-form-visible="dialogFormVisible"
    @close="dbConfigClose"
  />
</template>

<style lang="less"></style>
